import React from 'react'
import { Card } from "antd"
import styles from "../index.module.scss"

interface propsData {
  showData: { data: string, data1: string, data2: string };
}
const DataBox: React.FC<propsData> = ({ showData }) => {
  return (
    <div className={styles['box1']}>
      <Card className={styles['box-title']} title="园区企业数据总览" style={{height: '100%'}}>
        <div className={styles['box1-content']}>
          <div className={styles['box1-card-item']}>
            <div className={styles['box1-card-info']}>
              <div><span>{showData.data}</span>家</div>
              <p>园区企业</p>
            </div>
            <svg className={styles['icon-svg']} viewBox="0 0 1025 1024" version="1.1"
                 xmlns="http://www.w3.org/2000/svg" p-id="6599" width="200" height="200">
              <path
                d="M608.828084 1023.951356h-484.504284a27.519843 27.519843 0 0 1-27.422943-27.519844v-872.107712A124.517601 124.517601 0 0 1 221.224656 0h290.702571a124.517601 124.517601 0 0 1 124.420701 124.3238v872.107712a27.519843 27.519843 0 0 1-27.519844 27.519844zM151.843643 969.00857H581.405142V124.3238a69.477914 69.477914 0 0 0-69.477915-69.381014h-290.702571a69.477914 69.477914 0 0 0-69.381013 69.381014z"
                p-id="6600" fill="#fff"></path>
              <path
                d="M920.86398833 1023.951356h-290.702571a27.519843 27.519843 0 0 1 0-54.942786H893.44104633V466.96523a69.477914 69.477914 0 0 0-30.911374-58.140514l-247.581689-164.731457a27.422943 27.422943 0 1 1 30.52377-45.640304L893.44104633 363.475115a123.936196 123.936196 0 0 1 55.42729 103.490115v529.466282a27.519843 27.519843 0 0 1-28.004348 27.519844z"
                p-id="6601" fill="#fff"></path>
              <path
                d="M996.431512 1023.951356h-969.008569a27.519843 27.519843 0 0 1 0-54.942786h969.008569a27.519843 27.519843 0 1 1 0 54.942786zM463.476799 345.645357h-193.801714a27.519843 27.519843 0 0 1 0-54.942786h193.801714a27.519843 27.519843 0 1 1 0 54.942786zM463.476799 539.447071h-193.801714a27.519843 27.519843 0 0 1 0-54.942786h193.801714a27.519843 27.519843 0 1 1 0 54.942786zM463.476799 733.248785h-193.801714a27.519843 27.519843 0 0 1 0-54.942786h193.801714a27.519843 27.519843 0 1 1 0 54.942786z"
                p-id="6602" fill="#fff"></path>
            </svg>
          </div>
          <div className={styles['box1-card-item']}>
            <div className={styles['box1-card-info']}>
              <div><span>{showData.data1}</span>人</div>
              <p>企业人员</p>
            </div>
            <svg className={styles['icon-svg']} viewBox="0 0 1024 1024" version="1.1"
                 xmlns="http://www.w3.org/2000/svg" p-id="7628" width="200" height="200">
              <path
                d="M513.6 301.76a117.44 117.44 0 0 0 117.344-117.312 117.44 117.44 0 0 0-117.344-117.312 117.44 117.44 0 0 0-117.344 117.344A117.44 117.44 0 0 0 513.6 301.76z m0-161.856a44.576 44.576 0 0 1 0 89.088 44.576 44.576 0 0 1 0-89.088z m-275.84 16.672A117.44 117.44 0 0 0 120.416 273.92a117.472 117.472 0 0 0 117.344 117.344 117.472 117.472 0 0 0 117.344-117.344A117.44 117.44 0 0 0 237.76 156.576z m0 161.888A44.608 44.608 0 0 1 193.216 273.92 44.576 44.576 0 1 1 237.76 318.464zM906.752 273.92a117.44 117.44 0 0 0-117.344-117.344 117.44 117.44 0 0 0-117.312 117.344 117.472 117.472 0 0 0 117.312 117.344 117.472 117.472 0 0 0 117.344-117.344z m-161.856 0a44.576 44.576 0 0 1 89.088 0c0 24.544-20 44.544-44.544 44.544a44.608 44.608 0 0 1-44.576-44.544z m-138.944 56.544H414.72a83.456 83.456 0 0 0-83.36 83.36v245.12c0 40.96 29.696 75.104 68.736 82.048v178.144a36.384 36.384 0 1 0 72.8 0v-202.368a47.36 47.36 0 0 0-47.296-47.264h-10.88a10.56 10.56 0 0 1-10.56-10.56v-245.12a10.56 10.56 0 0 1 10.56-10.56h191.296a10.56 10.56 0 0 1 10.56 10.56v245.12a10.56 10.56 0 0 1-10.56 10.56h-9.184a46.72 46.72 0 0 0-46.72 46.688v204.544a36.384 36.384 0 1 0 72.832 0v-180.16a83.52 83.52 0 0 0 66.432-81.664v-245.12a83.52 83.52 0 0 0-83.392-83.328z m235.424 87.68h-71.52a36.384 36.384 0 1 0 0 72.8h71.52c6.464 0 9.792 2.56 10.56 2.752l0.256 202.976c-0.576 1.056-4.288 3.968-10.816 3.968h-9.152c-25.76 0-46.72 20.16-46.72 44.992v170.432a36.384 36.384 0 1 0 72.8 0v-144.192c37.888-7.104 66.432-37.568 66.432-73.952v-204.256c0-41.632-37.408-75.52-83.36-75.52z m-587.04 0H182.816c-45.952 0-83.36 33.888-83.36 75.52v204.224c0 36.416 28.576 66.88 66.432 73.984v144.16a36.384 36.384 0 1 0 72.8 0v-170.4c0-24.832-20.928-44.992-46.688-44.992h-9.152c-6.496 0-10.176-2.784-10.56-2.752l-0.288-202.944c0.608-1.088 4.288-4 10.816-4h71.52a36.384 36.384 0 1 0 0-72.8z"
                p-id="7629" fill="#fff"></path>
            </svg>
          </div>
          <div className={styles['box1-card-item']}>
            <div className={styles['box1-card-info']}>
              <div><span>{showData.data2}</span>辆</div>
              <p>企业车辆</p>
            </div>
            <svg className={styles['icon-svg']} viewBox="0 0 1145 1024" version="1.1"
                 xmlns="http://www.w3.org/2000/svg" p-id="10663" width="200" height="200">
              <path
                d="M1094.144 672.597333H51.2c-28.16 0-51.2-23.04-51.2-51.2v-87.893333c0-48.981333 36.352-93.013333 102.058667-123.904 65.024-30.549333 153.6-46.762667 256.341333-46.762667h667.477333c65.877333 0 119.466667 53.589333 119.466667 119.466667v139.093333c0 28.16-23.04 51.2-51.2 51.2zM358.4 396.970667c-96.256 0-182.101333 15.530667-241.664 43.52-53.248 25.088-82.602667 58.026667-82.602667 93.013333v87.893333c0 9.386667 7.68 17.066667 17.066667 17.066667h1042.944c9.386667 0 17.066667-7.68 17.066667-17.066667v-139.093333c0-47.104-38.229333-85.333333-85.333334-85.333333H358.4z"
                fill="#fff" p-id="10664"></path>
              <path
                d="M262.997333 653.824m-102.570666 0a102.570667 102.570667 0 1 0 205.141333 0 102.570667 102.570667 0 1 0-205.141333 0Z"
                fill="#fff" p-id="10665" data-spm-anchor-id="a313x.search_index.0.i5.42cd3a810TOcum"
                className="selected"></path>
              <path
                d="M262.997333 773.461333c-66.048 0-119.637333-53.589333-119.637333-119.637333S196.949333 534.186667 262.997333 534.186667s119.637333 53.589333 119.637334 119.637333-53.589333 119.637333-119.637334 119.637333z m0-205.141333C215.893333 568.32 177.493333 606.72 177.493333 653.824s38.4 85.504 85.504 85.504 85.504-38.4 85.504-85.504-38.4-85.504-85.504-85.504z"
                fill="#fff" p-id="10666"></path>
              <path
                d="M872.789333 653.824m-102.570666 0a102.570667 102.570667 0 1 0 205.141333 0 102.570667 102.570667 0 1 0-205.141333 0Z"
                fill="#fff" p-id="10667" data-spm-anchor-id="a313x.search_index.0.i4.42cd3a810TOcum"
                className="selected"></path>
              <path
                d="M872.789333 773.461333c-66.048 0-119.637333-53.589333-119.637333-119.637333s53.589333-119.637333 119.637333-119.637333 119.637333 53.589333 119.637334 119.637333-53.589333 119.637333-119.637334 119.637333z m0-205.141333c-47.104 0-85.504 38.4-85.504 85.504s38.4 85.504 85.504 85.504 85.504-38.4 85.504-85.504S919.893333 568.32 872.789333 568.32zM1105.066667 450.048l-86.869334-224.938667c-8.704-24.234667-31.914667-40.448-57.514666-40.448H502.954667c-22.869333 0-44.373333 11.264-57.514667 30.037334l-0.341333 0.512-136.533334 177.322666-26.965333-20.821333 136.362667-176.981333c19.626667-27.648 51.541333-44.202667 85.162666-44.202667H960.853333c39.936 0 75.776 25.258667 89.6 62.805333l86.698667 224.426667-32.085333 12.288z"
                fill="#fff" p-id="10668"></path>
              <path
                d="M415.976107 369.46944l164.539733-212.135253 26.970453 20.92032-164.538026 212.135253zM895.44704 173.422933l32.177493-11.390293 75.118934 212.210347-32.177494 11.390293zM17.066667 557.226667v-34.133334c47.616 0 86.528-10.410667 112.469333-30.208 27.648-20.992 41.642667-52.736 41.642667-94.72h34.133333c0 52.394667-19.114667 94.378667-55.125333 121.856-32.426667 24.746667-77.312 37.205333-133.12 37.205334z"
                fill="#fff" p-id="10669"></path>
              <path
                d="M672.597333 503.296H439.808c-9.386667 0-17.066667-7.68-17.066667-17.066667s7.68-17.066667 17.066667-17.066666h232.789333c9.386667 0 17.066667 7.68 17.066667 17.066666s-7.68 17.066667-17.066667 17.066667z"
                fill="#fff" p-id="10670"></path>
              <path
                d="M1120.768 528.213333h-61.44c-27.818667 0-50.517333-22.698667-50.517333-50.517333s22.698667-50.517333 50.517333-50.517333h61.44c9.386667 0 17.066667 7.68 17.066667 17.066666s-7.68 17.066667-17.066667 17.066667h-61.44c-9.045333 0-16.384 7.338667-16.384 16.384s7.338667 16.384 16.384 16.384h61.44c9.386667 0 17.066667 7.68 17.066667 17.066667s-7.68 17.066667-17.066667 17.066666z"
                fill="#fff" p-id="10671"></path>
            </svg>
          </div>
        </div>
      </Card>
    </div>
  )
}
export default DataBox
